<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../img/com/logo.png">
    <link rel="stylesheet" href="../asserts/css/normalize.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/pageCom.css">
    <style>
        .pageBody{
            display: flex;
            flex: 1;
        }
        .left{
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .left>div{
            flex: 1;
        }
        .right{
            flex: 2;
        }
    </style>
</head>
<body id="03_02guanlifengxian" data-title="管理风险">
<div class="container">
    <h2 hidden>管理风险</h2>
    <header class="pageHeader">
        <div class="inputGroup">
            <label for="pingtai">平台：</label>
            <select name="pingtai" id="pingtai">
                <option value="">鲁金宝</option>
                <option value="">鲁金宝2</option>
                <option value="">鲁金宝3</option>
            </select>
        </div>
    </header>
    <div class="pageBody">
        <div class="left">
            <div class="left-top">
                <div class="chartBox ec001">
                    <div class="chartTitle">
                        <h3>高管资质(银行信贷从业年限占比)</h3>
                    </div>
                    <div class="chartContent">
                        <div class="chartBody">
                            <div id="ec001_currentCompetitiveness"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="left-bottom">
                <div class="chartBox ec002">
                    <div class="chartTitle">
                        <h3>职工资质(员工学历占比)</h3>
                    </div>
                    <div class="chartContent">
                        <header></header>
                        <div class="chartBody">
                            <div id="ec002_competitivenessIndicators"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="chartBox ec002">
                <div class="chartTitle">
                    <h3>管理风险列示</h3>
                </div>
                <div class="chartContent">
                    <table >
                        <thead>
                        <tr><th>报警时间</th><th>预警指标</th><th>预警原因</th><th>平台名称</th><th>业务详述</th></tr>
                        </thead>
                        <tbody>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        <tr><td>20180307 11:28:01</td><td>信用风险</td><td>借款集中度</td><td>鲁金宝</td><td class="more"><a href=""> 查看</a></td></tr>
                        </tbody>
                    </table>
                </div>
            </div>

        </div>
    </div>

</div>

<script src="../asserts/js/echarts-4.0.js"></script>
<script src="../asserts/js/jquery-2.2.4.js"></script>
<script src="../js/main.js"></script>
<script src="../js/chartsCom.js"></script>
<script>
    var allCharts = [];

    $(function () {
        var ec001 = echarts.init($("#ec001_currentCompetitiveness")[0]);
        ec001.setOption(opt_pie);
        ec001.setOption({
            label: {
                color: '#fff',
                normal: {
                    position: 'outer'
                }
            },
            series : [
                {
                    name:'高管资质',
                    type:'pie',
                    radius : '60%',
                    center: ['36%', '50%'],
                    data:[
                        {value:10, name:'10年以上'},
                        {value:14, name:'5-10年'},
                        {value:16, name:'3年'},
                        {value:18, name:'2年'},
                        {value:22, name:'1年'}
                    ]


                }
            ]
        });

        var ec002 = echarts.init($("#ec002_competitivenessIndicators")[0]);
        ec002.setOption(opt_pie);
        ec002.setOption({
            label: {
                color: '#fff',
                normal: {
                    position: 'outer'
                }
            },
            series : [
                {
                    name:'高管资质',
                    type:'pie',
                    radius : '60%',
                    center: ['36%', '50%'],
                    data:[
                        {value:10, name:'10年以上'},
                        {value:14, name:'5-10年'},
                        {value:16, name:'3年'},
                        {value:18, name:'2年'},
                        {value:22, name:'1年'}
                    ]


                }
            ]
        });

        //本页所有图表
        allCharts = [ec001, ec002];
    });


</script>
</body>
</html>
